body{
	margin:auto;
	width:900px;
	font-family:calibri;
}

/******************************entete*****************************************/
img{
	float:left;
}
h2{
	border: 1px solid green;
	border-radius:10px;
	width:500px;
	margin:20px auto;
}
#entete{
	border: 1px solid #99FF00;
	width:550px;
    margin: auto;
}
#entete  input{
	border: 1px solid black;
}

/******************************tableau*************************************/
.green{
	background:green;
	color:white;
}
.grise{
	background:grey;
}
i{
	font-weight:normal;
	font-style:normal;
}
section{
	display:block;
}
#bull{
	border-color:green;
    background-image: url(ecole_num21.jpg);
}

/***************************************pied*******************************************/
footer{
	display:block;
	margin-left:200px;
}
h5{
	float:left;
}
h4{
	margin-left:150px;
}
textarea{
	margin-left:150px;
	margin-top:-30px;
	width:280px;
}
#date{
	margin-left:300px;
}
#bull tbody tr td{
		border:thin solid black;
		text-align:center;
	}
	#bull tbody tr th{
		border:thin solid black;
		width:160px;
	}
	
	#bull tbody tr td input {
		width:50px;
		height:30px;
		border:none;
		text-align:center;
	}
	#bull thead tr th{
		width:50px;
		height:30px;
		border:thin solid black;
	}
	#bull thead, #bull tbody, #bull tfoot{

	}
	#entete {
		margin-bottom:3px;
	}
	.blank {
		height:10px;
	}
	header img{
		position:absolute;
		left:10px;
		top:10px;
	}
	header, section{
		width:700px; 
		margin:auto;
	}
	#showDiagram{
		position:absolute;
		left:90px;
		top:100px;
		font-size:20px;
		color:grey;
		font-weight:bold;
	}
    #general{
      background:  #CCCCCC;
      color: black;
      text-align: left;
     filter : alpha(opacity =60);
	-moz-opacity :0.8;
	opacity : 0.6;
	-khtml-opacity:0.6;*/
    }

